/* This is the style for the body text */
body {
	font-size:0.9em;
	font-family:Georgia;
	margin:0;
	padding:0;
	background:#fff url(./bg.jpg) repeat-x top left;
}
/* This controls the appearance of the headings */
p, h1, h2, h3, h4, h5{padding:0 0 5px 0;margin:0;}
.clearall{clear:both;}
img{border:0;}

/* This controls the appearance of the Wrapper, which is the grey horizontal band top and bottom */
div#Wrapper{width:880px;height:auto;overflow:hidden;margin:0 auto 0 auto;background:transparent;}

/* This controls the appearance of the top part of the page above the Wrapper including the VSIL Logo and the search button */
#header{width:880px;height:auto;overflow:hidden;border-bottom:solid 1px #fff;}
#header #logo{height:120px;width:200px;padding:12px 0 0 0;float:left;}
#header #searchform{height:40px;padding:32px 0 0 0;width:680px;float:left;}

/* This seems to control the appearance of the search form */
#header #searchform form{}
#header #searchform form ul{list-style-type:none;margin:0;padding:0;height:20px;float:right;}
#header #searchform form ul li{float:left;margin:0;padding:0;height:20px;}
#header #searchform form ul li#lia{padding:3px 6px 0px 0px;}
#header #searchform form ul li#lib{padding:4px 0 0px 0px;}
#header #searchform form ul li#lia input#searchfield{border:solid 1px #999;width:170px;height:24px;}
#header #searchform form ul li#lib input#searchsubmit{border:0;background-color:#DE4210;color:#fff;font-family:georgia;font-size:14px;height:28px;padding:0;border:solid 3px #DE4210;}

/* These are my nice large text links to the main pages, above the wrapper. This may belong in the HTML of each page or need turning into CSS type categories */
a.home:link {float:left;padding-left:130px;color:#dd8487;text-decoration:none;font-family:georgia;font-size:2.0em;font-weight:bold;}
a.home:visited {float:left;padding-left:130px;color:#dd8487;text-decoration:none;font-family:georgia;font-size:2.0em;font-weight:bold;}
a.home:hover {float:left;padding-left:130px;color:#de4210;text-decoration:none;font-family:georgia;font-size:2.0em;font-weight:bold;}
	
a.schools:link {float:left;padding-left:20px;color:#dd8487;text-decoration:none;font-family:georgia;font-size:2.0em;font-weight:bold;}
a.schools:visited {float:left;padding-left:20px;color:#dd8487;text-decoration:none;font-family:georgia;font-size:2.0em;font-weight:bold;}
a.schools:hover {float:left;padding-left:20px;color:#de4210;text-decoration:none;font-family:georgia;font-size:2.0em;font-weight:bold;}
	
a.news:link {float:left;padding-left:20px;color:#dd8487;text-decoration:none;font-family:georgia;font-size:2.0em;font-weight:bold;}
a.news:visited {float:left;padding-left:20px;color:#dd8487;text-decoration:none;font-family:georgia;font-size:2.0em;font-weight:bold;}
a.news:hover {float:left;padding-left:20px;color:#de4210;text-decoration:none;font-family:georgia;font-size:2.0em;font-weight:bold;}
	
a.history:link {float:left;padding-left:20px;color:#dd8487;text-decoration:none;font-family:georgia;font-size:2.0em;font-weight:bold;}
a.history:visited {float:left;padding-left:20px;color:#dd8487;text-decoration:none;font-family:georgia;font-size:2.0em;font-weight:bold;}
a.history:hover {float:left;padding-left:20px;color:#de4210;text-decoration:none;font-family:georgia;font-size:2.0em;font-weight:bold;}
	
a.research:link {float:left;padding-left:20px;color:#dd8487;text-decoration:none;font-family:georgia;font-size:2.0em;font-weight:bold;}
a.research:visited {float:left;padding-left:20px;color:#dd8487;text-decoration:none;font-family:georgia;font-size:2.0em;font-weight:bold;}
a.research:hover {float:left;padding-left:20px;color:#de4210;text-decoration:none;font-family:georgia;font-size:2.0em;font-weight:bold;}

a.contact:link {float:left;padding-left:20px;color:#dd8487;text-decoration:none;font-family:georgia;font-size:2.0em;font-weight:bold;}
a.contact:visited {float:left;padding-left:20px;color:#dd8487;text-decoration:none;font-family:georgia;font-size:2.0em;font-weight:bold;}
a.contact:hover {float:left;padding-left:20px;color:#de4210;text-decoration:none;font-family:georgia;font-size:2.0em;font-weight:bold;}

/* This controls the small text links to the main pages below the Wrapper */
div#Wrapper div#BC{width:880px;height:auto;overflow:hidden;border-top:solid 10px #EFECE6;border-bottom:solid 1px #D4D4D4;padding:5px 0 5px 0;}
div#Wrapper div#BC a{color:#666;font-size:1.1em;font-weight:bold;text-decoration:none;display:block;float:left;padding:0 10px 0 0;}
div#Wrapper div#BC a:first{}
div#Wrapper div#BC a.last{color:#DE4210;}
div#Wrapper div#BC a:hover{color:#DE4210;}

/* This controls the appearance of top part of the Home page */
div#Wrapper div#Body{width:880px;padding:0 0 6px 0;height:auto;overflow:hidden;}
div#HomeLayer1{width:880px;height:auto;overflow:hidden;border-bottom:solid 14px #EFECE6; }
div#Wrapper div#Body {clear:both;}

/* This controls the Home page top left hand text box with Welcome Text */
div#HomeLayer1 div#HomeLayer1A{width:400px;height:auto;overflow:hidden;float:left;padding:0px 30px 20px 0px;}
div#HomeLayer1 div#HomeLayer1A h1{margin:0;padding:20px 0 5px 0;font-size:24px;color:#444;font-weight:normal;}
div#HomeLayer1 div#HomeLayer1A p.HPIntro{font-size:22px;color:#666;margin:0;padding:0 0 20px 0;;}
div#HomeLayer1 div#HomeLayer1A h3{padding:3px 0 5px 0;font-size:20px;font-weight:normal;color:#333;}
div#HomeLayer1 div#HomeLayer1A p.HPIntroContact{padding:5px 0 0 0;font-size:1.1em;line-height:1.3em;color:#333;}

/* This controls the Home page top right text box with Featured school */
div#HomeLayer1 div#HomeLayer1B{width:450px;height:auto;overflow:hidden;float:left;padding-bottom:20px;}
div#HomeLayer1 div#HomeLayer1B h1{margin:0;padding:20px 0 5px 0;font-size:24px;color:#444;font-weight:normal;}
div#HomeLayer1 div#HomeLayer1B table#HomeSchoolTable{width:450px;}
div#HomeLayer1 div#HomeLayer1B table#HomeSchoolTable tr td{vertical-align:top;}
div#HomeLayer1 div#HomeLayer1B table#HomeSchoolTable tr td#LRG div.pic{width:340px;height:230px;overflow:hidden;vertical-align:center;}
div#HomeLayer1 div#HomeLayer1B table#HomeSchoolTable tr td#SM1 div.pic{width:100px;height:67px;overflow:hidden;vertical-align:center;}
div#HomeLayer1 div#HomeLayer1B table#HomeSchoolTable tr td#SM2 div.pic{width:100px;height:67px;overflow:hidden;vertical-align:center;}
div#HomeLayer1 div#HomeLayer1B table#HomeSchoolTable tr td#SM3 div.pic{width:100px;height:67px;overflow:hidden;vertical-align:center;}
div#HomeLayer1 div#HomeLayer1B table#HomeSchoolTable tr td div.credit{font-size:9px;padding:2px 0 2px 0;height:10px;color:#aaa;text-align:left;}

/* This controls the left hand side of the lower part of the Home page with Latest news */
div#HomeLayer2{padding:20px 0 0 0;}
div#HomeLayer2 div#HomeLayer2A{width:396px;padding:0 30px 0 0;height:auto;overflow:hidden;float:left;}
div#HomeLayer2 div#HomeLayer2A h1{font-size:24px;margin:0;padding:0 0 10px 0;font-weight:normal;color:#555;}
div#HomeLayer2 div#HomeLayer2A div.homelatestnews{}
div#HomeLayer2 div#HomeLayer2A div.homelatestnews h3{color:#DE4210;margin:0;padding:8px 0 5px 0;font-weight:normal;font-size:1.5em;}
div#HomeLayer2 div#HomeLayer2A div.homelatestnews p.hlndate{font-size:0.75em;font-weight:bold;font-family:verdana;}
div#HomeLayer2 div#HomeLayer2A div.homelatestnews p.hlntext{border-bottom:solid 1px #ccc;padding:0 0 10px 0;font-family:arial;color:#666;}
div#HomeLayer2 div#HomeLayer2A div.homelatestnews p.hlntext a{color:#DE4210;text-decoration:none;}
div#HomeLayer2 div#HomeLayer2A div.homelatestnews p.hlntext a:hover{text-decoration:underline;}

/* This controls the middle part of the lower part of the Home page with Other news */
div#HomeLayer2 div#HomeLayer2B{width:250px;height:auto;overflow:hidden;float:left;}
div#HomeLayer2 div#HomeLayer2B h1{font-size:24px;margin:0;padding:0 0 10px 0;font-weight:normal;color:#555;}
div#HomeLayer2 div#HomeLayer2B div.homeothernews{}
div#HomeLayer2 div#HomeLayer2B div.homeothernews p.hondate{font-size:0.9em;font-weight:bold;color:#555;}
div#HomeLayer2 div#HomeLayer2B div.homeothernews p.hontext{font-size:0.9em;font-weight:normal;color:#666;padding:0 10px 20px 0;font-family:arial;}
div#HomeLayer2 div#HomeLayer2B div.homeothernews p.hontext a{color:#DE4210;text-decoration:none;}
div#HomeLayer2 div#HomeLayer2B div.homeothernews p.hontext a:hover{text-decoration:underline;}

/* This controls the right hand part of the lower part of the Home page with useful links */
div#HomeLayer2 div#HomeLayer2C{width:200px;height:auto;overflow:hidden;float:left;}
div#HomeLayer2 div#HomeLayer2C h1{font-size:24px;margin:0;padding:0 0 10px 0;font-weight:normal;color:#555;}
div#HomeLayer2 div#HomeLayer2C a{display:block;padding:0 0 5px 0;text-decoration:none;color:#DE4210;font-weight:normal;}
div#HomeLayer2 div#HomeLayer2C a:hover{text-decoration:underline;}
div#Wrapper div#Footer{color:#666;border-top:solid 10px #EFECE6; padding:10px 0 10px 0;font-size:0.85em;}

/* This controls the appearance of the featured school title */
td#FeaturedTitle{}
td#FeaturedTitle h2{color:#DE4210;font-size:1.7em;font-weight:normal;padding:5px 0 0 0;}
td#FeaturedTitle p{padding:5px 0 0 0;font-size:1.1em;line-height:1.3em;color:#333;}
td#FeaturedTitle a{text-decoration:none;color:#DE4210;}

/* This controls the left hand split on pages with a list of links on the left i.e. Schools, News, History and Research */
div#Wrapper div#BodySplit{width:960px;padding:0 0 10px 0;height:auto;overflow:hidden;}
div#Wrapper div#BodySplit div#BodyLeft{float:left;width:230px;height:auto;overflow:hidden;}

/* This controls the appearance of the links on the pages with a left hand split */
ul#LeftNav{list-style-type:none;margin:0;padding:0;}
ul#LeftNav li{border-bottom:solid 1px #aaa;padding:3px 0 3px 0;font-size:1.1em;}
ul#LeftNav li.Lev1 a:hover{text-decoration:none;color:#DE4210;font-weight:bold;}
ul#LeftNav li.Lev2 a:hover{text-decoration:none;color:#DE4210;font-weight:bold;}
ul#LeftNav li.Lev3{font-size:12px;padding-left:10px;}
ul#LeftNav li a{text-decoration:none;color:#DD8486;font-weight:bold;}
ul#LeftNav li a.active{text-decoration:none;color:#DE4210;font-weight:bold;}

/* This seems to control the appearance of the right hand side of such pages */
div#Wrapper div#BodySplit div#BodyRight{float:left;width:628px;height:auto;overflow:hidden;padding:0 0 20px 20px;border:solid 1px #fff;}

/* These three paras control the appearance of elements in the individual school pages */
table.SchoolDetail{border-collapse:collapse;}
table.SchoolDetail tr{}
table.SchoolDetail tr td{padding:4px 6px 6px 0;border-bottom:solid 1px #ddd;}
table.SchoolDetail tr td.title{font-weight:bold;}
table.SchoolDetail tr td.comments{padding:10px 6px 10px 0;line-height:1.3em;}

table#SchoolPane{margin:0 0 20px 0;}
table#SchoolPane tr{}
table#SchoolPane tr td{}
table#SchoolPane tr td#DetailsPane{}
table#SchoolPane tr td#ImagesPane{padding:0 0 0 10px;}

div.ImgPrev{}
div.ImgPrev img
div.ImgCredit{color:#999;padding:2px 0 6px 0;}

/* This controls the appearance of the News page and other pages based on that template */
div.NewsItem{}
div.NewsItem .NewsPost{}
div.NewsItem .NewsPost h2{color:#DE4210;padding:6px 0 6px 0;}
div.NewsItem .NewsPost h4{}
div.NewsItem div .NewsText{line-height:1.5em;color:#333;}
div.NewsItem a.backlink{display:block;padding:20px 0 10px 0;color:#333;font-size:12px;text-decoration:none;}

/* STUFF WHICH I THINK IS NOW DEAD */

/* I think this is dead and related to the previous Blog page */
table.BlogTable{}
table.BlogTable tr td{}
table.BlogTable tr td.bloglink{font-size:16px;font-weight:bold;}
table.BlogTable tr td.bloglink a{color:#DE4210;text-decoration:none;}
table.BlogTable tr td.bloglink a.morelink{color:#333;font-size:11px;}
table.BlogTable tr td.bloglink a:hover{text-decoration:underline;}
table.BlogTable tr td.blogdate{color:#555;width:10%;padding-right:10px;}
table.BlogTable tr td.bloguser{color:#333;width:90%;}
table.BlogTable tr td.blogsummary{padding:3px 0 20px 0;}

/* I think this is dead and controlled the previous Search page and the page which gave the results of Search */
.text100, .text200, .text300{border:solid 1px #666;}
.text200{width:200px;}
.text300{width:300px;}
.text100{width:100px;}
.submitbtn{border:solid 1px #666;}

div.APanel{padding:20px;background-color:#eee;}
table.TableT{}
table.TableT tr{}
table.TableT tr td{padding:3px 3px 3px 0;}

table#SearchTable{border-collapse:collapse;}
table#SearchTable tr{}
table#SearchTable tr th, table#SearchTable tr td{border:solid 1px #ddd;text-align:left;font-size:12px;vertical-align:top;padding:4px;}
table#SearchTable tr th{}
table#SearchTable tr td a{color:#333;}

form#MainSearchForm{}
div#SearchInputs{margin:0;width:400px;padding:3px 10px 5px 0;}
div#SearchInputs input#SearchBox{width:340px;border:solid 1px #999;}
div#SearchInputs input#searchsubmit{ background-color: #DE4210;
    border: 1px solid #DE4210;
    color: #FFFFFF;
    font-family: georgia;
    font-size: 14px;
    padding: 1px;
}
ul#SearchOptions{background-color:#eee;margin:0;width:400px;height:auto;overflow:hidden;padding:5px;list-style-type:none;clear:both;}
ul#SearchOptions li{float:left;margin:0;padding:3px 10px 5px 0;}
ul#SectionOptions{background-color:#eee;margin:0 0 10px 0;;width:400px;height:auto;overflow:hidden;padding:5px;list-style-type:none;clear:both;}
ul#SectionOptions li{float:left;margin:0;padding:3px 10px 5px 0;}
div.SrchResultsHeading{margin:0;width:400px;padding:3px 10px 8px 0;}
.SearchItem{padding:0;margin:0 0 10px 0;}
.SearchItem .SearchTitle{padding:3px 0 6px 0;}
.SearchItem .SearchTitle .rank{font-size:10px;color:#666;}
.SearchItem .SearchTitle a{color:#999;font-weight:bold}
.SearchItem .SrchSummary{}
.SearchItem .SrchSummary a.SrchMoreLink{color:#DE4210;font-weight:bold;font-size:10px;text-transform:uppercase;}